<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Acceso De Usuarios</title>
        
         <!-- Codigo PHP PARA CARGAR EL CSS POR CODEIGNITER  -->
        <link href="<?php echo base_url(); ?>public/css/login/login.css" rel="stylesheet" type="text/css">
        
        <!-- Codigo PARA CARGAR EL ICONO QUE SE SITUA AL LADO DEL TITULO  -->
        <link rel='shortcut icon' type='image/x-icon' href="<?php echo base_url(); ?>/public/img/logo-icono.png" />
        
         <!-- Script que muestrala hora  -->
        <script language="javascript" type="text/javascript">
	function muestraReloj()
    {
    // Compruebo si se puede ejecutar el script en el navegador del usuario
    if (!document.layers && !document.all && !document.getElementById) return;
    // Obtengo la hora actual y la divido en sus partes
    var fechacompleta = new Date();
    var horas = fechacompleta.getHours();
    var minutos = fechacompleta.getMinutes();
    var segundos = fechacompleta.getSeconds();
    var mt = "AM";
    // Pongo el formato 12 horas
    if (horas> 12) {
    mt = "PM";
    horas = horas - 12;
    }
    if (horas == 0) horas = 12;
    // Pongo minutos y segundos con dos digitos
    if (minutos <= 9) minutos = "0" + minutos;
    if (segundos <= 9) segundos = "0" + segundos;
    // En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
    //cadenareloj = "<font size='-1' face='verdana'>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</font>";
    cadenareloj =horas + ":" + minutos + ":" + segundos + " " + mt;
    // Escribo el reloj de una manera u otra, segun el navegador del usuario
    if (document.layers) {
    document.layers.spanreloj.document.write(cadenareloj);
    document.layers.spanreloj.document.close();
    }
    else if (document.all) spanreloj.innerHTML = cadenareloj;
    else if (document.getElementById) document.getElementById("spanreloj").innerHTML = cadenareloj;
    // Ejecuto la funcion con un intervalo de un segundo
    setTimeout("muestraReloj()", 1000);
        }

</script>
        
        
    </head>
    <body onLoad="muestraReloj()">
        
        <div id="centro">
            <div id="div-logo" ><img id="logo" src="<?php echo base_url(); ?>/public/img/logo.png"></div>
            <div id="banner">   
            
                 <!-- DIV DEL Relog -->
  <div id="spanreloj"></div>
            
            </div>
            
            <div id="centro-izquierdo">
                <img id="img" src="<?php echo base_url(); ?>/public/img/login.png">
            </div>    
            
            <div id="centro-derecho">
                 
          <?php echo form_open('/login/login_user/validar/');?>
                
                        <div class="label">
            <?php 

            $attributes = array(
            'class' => 'mycustomclass',
            'style' => 'color: #0066CC;',
        );

        echo form_label('Usuario', 'username', $attributes);


            ?>
        </div>  

        <div class="imput">

    <?php 

            $data = array(
                  'name'        => 'username',
                  'id'          => 'username',
                  'value'       => 'Usuario',
                  'maxlength'   => '100',
                  'size'        => '30',
                  'style'       => 'width:100%',
                );

    echo form_input($data);
    ?>    
        </div>

                <div class="label">
            <?php 

            $attributes = array(
            'class' => 'mycustomclass',
            'style' => 'color: #0066CC;',
        );

        echo form_label('Password', 'password', $attributes);


            ?>
        </div>  

        <div class="imput">

    <?php 

            $data = array(
                  'name'        => 'password',
                  'id'          => 'password',
                  'value'       => '',
                  'maxlength'   => '100',
                  'size'        => '30',
                  'style'       => 'width:100%',
                );

    echo form_password($data);
    ?>    
        </div>
      
                <div id="boton">
            
            <?php echo form_submit('mysubmit', 'Enviar'); ?>
            
        </div>
                
                <div id="error-form">  <?php echo validation_errors();   ?>
                
            </div>
            
            
        </div>
          
    </body>
</html>
